<template>
  <div>
    <!-- 
      通过给slot组件name指定名称，就可以在子组件中定义N个插槽  -- 具名插槽
      在定义插槽时它的位置很重要，它会决定最终的页面显示
     -->
    <slot name="title"></slot>
    <br />
    <div>我是一个child组件</div>
    <br />
    <!-- 默认插槽 -->
    <!-- <slot> -->
    <!-- 默认插槽它的name值为default,可以不写 -->
    <slot name="default">
      <div>默认值</div>
    </slot>
    <slot name="icon"></slot>
  </div>
</template>

<script>
export default {}
</script>

<style lang="scss" scoped></style>
